<template>
    <div class="">
        <Fheader></Fheader>
        <div class="fcontainer">
            <Faside @changeUrl="changeUrl" class="f-aside"></Faside>
            <div class="f-main">
                <!-- <div style="height:36px;margin-bottom: 18px;">
                    <el-button>首页</el-button>
                    <el-button>菜单管理</el-button>
                </div>
                <router-view></router-view> -->
                <router-tab />
            </div>
        </div>
    </div>
</template>
<script>
import Fheader from './layouts/Fheader.vue'
import Faside from './layouts/Faside.vue'

export default {
    components: {
        Fheader,
        Faside
    },
    methods: {
        changeUrl(){

        },
    }
}
</script>
<style lang="scss">
.fcontainer{
    display: flex;
    position: relative;
    height: calc(100vh - 50px);

    .f-aside{
        flex: none;
        background-color: #4A4F5B;
    }
    .f-main{
        flex: 1 1 auto;
        padding: 16px 8px 28px 18px;
        background-color: #F9FAFE;
        overflow: auto;
    }
}
</style>